<template>
  <div class="company-container">
    <!--    <div class="selectTags">-->
    <!--      <div style="color: black;" class="companyArea">-->
    <!--        公司地址:-->
    <!--        <a href="#">全国</a>-->
    <!--        <a-divider type="vertical" />-->
    <!--        <a href="#">北京</a>-->
    <!--        <a-divider type="vertical" />-->
    <!--        <a href="#">上海</a>-->
    <!--        <a-divider type="vertical" />-->
    <!--        <a href="#">杭州</a>-->
    <!--        <a-divider type="vertical" />-->
    <!--        <a href="#">深圳</a>-->
    <!--        <a-divider type="vertical" />-->
    <!--        <a href="#">广州</a>-->
    <!--        <a-divider type="vertical" />-->
    <!--        <a href="#">西安</a>-->
    <!--        <a-divider type="vertical" />-->
    <!--        <a href="#">杭州</a>-->
    <!--        <a-divider type="vertical" />-->
    <!--        <a href="#">深圳</a>-->
    <!--        <a-divider type="vertical" />-->
    <!--        <a href="#">武汉</a>-->
    <!--        <a-divider type="vertical" />-->
    <!--        <a href="#">厦门</a>-->
    <!--        <a-divider type="vertical" />-->
    <!--        <a href="#">成都</a>-->
    <!--        <a-divider type="vertical" />-->
    <!--        <a href="#">郑州</a>-->
    <!--        <a-divider type="vertical" />-->
    <!--        <a href="#">重庆</a>-->
    <!--      </div>-->
    <!--      <div style="color: black;" class="companyType">-->
    <!--        公司类型:-->
    <!--        <a href="#">不限</a>-->
    <!--        <a-divider type="vertical" />-->
    <!--        <a href="#">电子商务</a>-->
    <!--        <a-divider type="vertical" />-->
    <!--        <a href="#">游戏</a>-->
    <!--      </div>-->
    <!--    </div>-->
    <div class="companyList">
      <a-row>
        <a-col v-for="item in company" :key="item.id" :span="6">
          <a-card :title="item.companyName" hoverable :bordered="false" style="width: 280px; margin-top: 20px;" @click="toCompanyInfo(item.companyId)">
            <a-avatar shape="square" size="large" icon="user" :src="item.companyLogo" />
          </a-card>
        </a-col>
      </a-row>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Company',
  data() {
    return {
      company: []
    }
  },
  created() {
    const _this = this
    this.$http.get('/company/findAllCompany').then(function(resp) {
      _this.company = resp.data.data
    })
  },
  methods: {
    toCompanyInfo: function(companyId) {
      this.$router.push({ name: 'CompanyInfo', params: { companyId: companyId }})
    }
  }
}
</script>

<style scoped lang="scss">
  .selectTags {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    width: 1184px;
    height: 90px;
    background-color: white;
    span {
      color: black;
    }
    .el-link--inner{
      margin-left: 5px;
    }
    .companyType{
      margin-top: 15px;
      margin-left: 10px;
    }
    .companyArea{
      margin-top: 15px;
      margin-left: 10px;
    }
  }
</style>
